<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>菜鸟教程</title>
    </head>

    <body>

        <h1>第1个标题</h1>
        <a name="section1"></a>
        <hr />
        <h2>第2个标题</h2>
        <hr />
        <h3>第3个标题</h3>
        <hr />
        <h4>第4个标题</h4>
        <h5>第5个标题</h5>
        <h6>第6个标题</h6>
        <p>第一个段落</p>
        <p>这个<br>段落<br>演示段落分行效果</p>
        <p>第三个段落</p>
        <a href="https://www.baidu.com" target="_blank" rel="noopener noreferrer">文本链接</a><br>
        
        <br>
        <img src="/imgs/resou.png" title="123" width="100" height="100">
        <br />
        <b>加粗文本1</b><br /><br />
        <strong>加粗文本2</strong><br /><br />
        <i>斜体文本1</i><br /><br />
        <em>斜体文本2</em><br /><br />
        <code>电脑自动输出文本</code><br /><br />
       
        这是<sub>下标</sub>和<sup>上标</sup><br /><br />
        <small>小号字</small><br /><br />
        <ins>插入字</ins><br /><br />
        <del>删除字</del><br /><br />
        <kbd>65</kbd><br /><br />
        <samp>public static void main</samp><br /><br />
        <var>a=20</var><br /><br />
        <pre>预格式文本</pre>
        <a href="https://www.baidu.com">
            <img src="/imgs/resou.png" alt="图片链接">
        </a>
        <br />
        <a href="#section1">跳转到页面头部</a>
        <br>
        <a href="/imgs/resou.png" download>下载图片</a>
        <a id="tips"></a>

    </body>
</html>